.detail-container
  .detail-container-top
    background: #ffffff
    border-bottom: 1px solid #EFEFEF
    padding: 0.55rem .75rem
    box-sizing: border-box
    .top-font
      display: flex
      flex-direction: row
      justify-content: space-between
      color: #ABACAF
      font-size: 0.6rem
      line-height: 0.8rem
      .day
        color: #FF6633
    .amount
      font-size: 2.2rem
      color: #FF6633
      font-weight: bold
      line-height: 3.075rem
      margin-top: 0.25rem
    &.hkz
      background: #fff url("~/assets/img/hkz.png") no-repeat
      background-size: 18%
      background-position: right .7rem bottom -0.8rem
    &.tbz
      background: #fff url("~/assets/img/tbz.png") no-repeat
      background-size: 18%
      background-position: right .7rem bottom -0.8rem
    &.yjq
      background: #fff url("~/assets/img/yjq.png") no-repeat
      background-size: 18%
      background-position: right .7rem bottom -0.8rem
    &.tbz-success
      background: #fff url("~/assets/img/tbz-success.png") no-repeat
      background-size: 18%
      background-position: right .7rem bottom -0.8rem
    .jiaxiAmout
      color: #ABACAF
      font-size: 0.6rem
      .jiaxiAmoutacct
        font-size: .5rem
        color: #FF8400
      .aboutAnswer
        display: inline-block
        vertical-align: middle
        margin-left: 0.25rem
        width: 20px
        height: 20px
        background: url("~/assets/img/jiaxi.png") no-repeat center
        background-size: 80%
  .detail-content
    padding: 1rem 0.75rem 0.325rem
    background: #fff
    .content-list
      display: flex
      font-size: .7rem
      color: #868B90
      line-height: 0.8rem
      margin-bottom: 0.5rem
      .title
        width: 3.8rem
      .info
        color: #3D4449
        .font
          color: #FF8400
          border: 1px solid #FF8400
          padding: .1rem
          font-size: .5rem
          margin-left: .5rem
    .agreement
      font-size: 0.6rem
      color: #ABACAF
      margin-bottom: 0.65rem
  .detail-return-money
    .title
      font-size: .6rem
      line-height: 1.625rem
      padding-left: 0.85rem
      color: #8C8C91
    .not-reached
      background: #fff
      text-align: center
      color: #868B90
      padding: 1.1rem 1.45rem 1.8rem
      font-size: .7rem
    .return-money-detailed-wrapper
      background: #fff
      padding-left: 1rem
      .veriableperiod-intro
        font-size: .7rem
        color: #868B90
        border-bottom: 1px solid #EFEFEF
        padding: 0.3rem 0
      .return-money-detailed-list
        padding-left: 0.4rem
        padding-top: 1rem
        .detailed-info
          border-left: 2px solid #4C87FC
          padding-left: 1.1rem
          padding-bottom: 1.2rem
          position: relative
          &>i
            position: absolute
            display: block
            width: 0.8rem
            height: 0.8rem
            left: -0.4rem
            top: 0
            background: url('~/assets/img/return-money-icon1.png') no-repeat center
            background-size: 0.8rem 0.8rem
          .top-font
            font-size: .8rem
            color: #282828
            line-height: 0.9rem
            margin-bottom: 0.25rem
            .aheadoftime
              font-size: 0.5rem
              line-height: 0.5rem
              border: 1px solid #FF6633
              color: #FF6633
              background: #FFF9F7
              padding: 2px
              margin-left: 0.3rem
          .info-font
            font-size: .7rem
            color: #666666
            line-height: 0.8rem
          &.WH
            border-left-color: #CCCCCC
            &>i
              background: url('~/assets/img/return-money-icon2.png') no-repeat center
              background-size: 0.8rem 0.8rem
          &.detailed-info-last
            border-left: none
        .YH.yh-last
          position: relative
          &:before
            position: absolute
            content: ''
            width: 2px
            height: 40%
            background: #CCCCCC
            bottom: 0rem
            left: -2px
          &.detailed-info-last
            &:before
              background: inherit



.cfmatchbid-detail
  .bidtitle
    padding-left: 0.75rem
    background: #ffffff
    font-size: 0.8rem
    line-height: 0.8rem
    font-weight: bold
    .bidtitle-wrap
      padding: 0.75rem 0
      border-bottom: 1px solid #EFEFEF
  .detail-return-money
    .matchbiddetail-repayment
      margin-top: 0.5rem
      .repayment-title
        .cont
          border-bottom: 1px solid #EFEFEF
          padding-right: 0.75rem
          height: 2.4rem
          line-height: 2.4rem
          font-size: 0.8rem
          color: #282828
          .right
            color: #666666
            font-size: 0.6rem
            float: right
            .curterm
              color: #FF6633
.mint-msgbox-content
  padding: 1rem 0.75rem
.mint-msgbox-message
  text-align: left
  color: #000000
  line-height: 1.1rem
  font-size: 0.8rem
  font-weight: normal
.mint-msgbox-btns
  height: 2.4rem
  line-height: 2.4rem
.jiaxiUnderstand
  color: #4C87FC
  font-size: 0.9rem
  font-weight: normal

